*{
    box-sizing: border-box;
}

html,body{
    width: 100%;
    height: 100%;
    margin: 0%;
    padding: 0%;
    background-image: url(./th.jpg);
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

#main-body{
    width: 55%;
    height: 60%;
    margin: 0%;
    padding: 0%;
    background-color: rgba(228, 191, 144, 0.589);
    backdrop-filter: blur(3px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
}

#leftbox{
    width: 70%;
    height: 100%;
    margin: 0%;
    padding: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
}
    #left{
        width: 85%;
        height: 85%;
        margin: 0%;
        padding: 0%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
        input{
            margin: none;
            padding: none;
            outline: none;
            border: none;
            width: 150px;
            height: 50px;
            margin: none;
            padding: none;
            background-color: rgba(250, 235, 215, 0);
        }
            input::placeholder{
                color: black;
                font-size: 15px;
            }
    #heihei{
        margin: none;
        padding: none;
        border-radius: 25px;
        transition: calc(1.3);
    }
        #heihei:hover{
            background-color: rgba(155, 74, 74, 0.432);
            transform: scale(.3s);
        }
        
#rightbox{
    width: 30%;
    height: 100%;
    margin: 0%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(192, 156, 111, 0.742);
    border-radius: 0 35px 35px 0;
}
    button{
        width: 60px;
        height: 60px;
        margin: none;
        padding: none;
        border-color: black;
        border-radius: 25px;
        background-color: rgba(255, 166, 0, 0.473);
    }